<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<h:outputStylesheet name="common-style.css" library="css" />
	<title>Quản trị hệ thống</title>
	<link rel="shortcut icon" type="image/x-icon"
		href="#{request.contextPath}/resources/images/favicon.ico" />
</h:head>
<h:body style="font-size: 11px;">
	<p:layout style="height:800px;width:1200px; margin:0 auto;" id="layout">
		<p:layoutUnit position="center">
			<p:graphicImage value="/resources/images/MDB.jpg" width="250"
				height="90" />
			<h:form id="frmMainAdmin">
				<ui:insert name="menu">
					<ui:include src="/admin/menu.xhtml" />
				</ui:insert>

				<p:panel
					header="TRANG QUẢN TRỊ HỆ THỐNG KHUYẾN MÃI 'ĐẮC LỘC TÂN XUÂN'">

					<p:panel showHeader="false" style="width:700px; margin: 0 auto;">
						<p:panelGrid columns="2" style="width:100%;">
							<f:facet name="header">
								<h:outputText value="TIỀN GỬI" style="float:left;"/>
							</f:facet>
							<h:outputText value="Tổng tiền gửi tiết kiệm có kỳ hạn (VND):" />
							<h:outputText value="#{chartBeans.fdSumAmount}"
								style="width:200px;">
								<f:convertNumber locale="en" pattern="#,##0.00;(#,##0.00)" />
							</h:outputText>
							<h:outputText value="Tổng tiền gửi tiết kiệm không kỳ hạn (VND):" />
							<h:outputText value="#{chartBeans.csSumAmount}"
								style="width:200px;">
								<f:convertNumber locale="en" pattern="#,##0.00;(#,##0.00)" />
							</h:outputText>
							<h:outputText value="Tổng tiền gửi tiết kiệm kết hợp (VND):" />
							<h:outputText value="#{chartBeans.fdCSSumAmount}"
								style="width:200px;">
								<f:convertNumber locale="en" pattern="#,##0.00;(#,##0.00)" />
							</h:outputText>
							
							
							<h:outputText value="Tổng cộng (VND):" style="font-weight: bold;" />
							<h:outputText value="#{chartBeans.fdCSSumAmount + chartBeans.csSumAmount + chartBeans.fdSumAmount}"
								style="width:200px;font-weight: bold;">
								<f:convertNumber locale="en" pattern="#,##0.00;(#,##0.00)" />
							</h:outputText>

						</p:panelGrid>
						<p:panelGrid columns="2" style="width:100%;">
							<f:facet name="header">
								<h:outputText value="TIỀN VAY" style="float:left;"/>
							</f:facet>
							<h:outputText value="Tổng tiền vay (VND):"  style="font-weight: bold;"/>
							<h:outputText value="#{chartBeans.loansSumAmount}"
								style="width:200px;font-weight: bold;">
								<f:convertNumber locale="en" pattern="#,##0.00;(#,##0.00)" />
							</h:outputText>
							</p:panelGrid>
						<p:panelGrid columns="1" style="width:100%;">
							<f:facet name="header">
								<h:outputText value="MÃ DỰ THƯỞNG" style="float:left;"/>
							</f:facet>
							<h:outputText value="Tổng số mã dự thưởng đã cấp: #{chartBeans.allLuckyDraw}" style="font-weight: bold;" />
						</p:panelGrid>
						<p:panelGrid columns="1" style="width:100%;">
							<f:facet name="header">
								<h:outputText value="TỶ LỆ THẺ CÀO" style="float:left;"/>
							</f:facet>
							<p:pieChart id="custom" value="#{chartBeans.pieModel}"
						legendPosition="e" fill="true" showDataLabels="true"
						dataFormat="value" 
						style="width:400px;height:300px; margin: 0 auto;" sliceMargin="5"
						diameter="200" />
						</p:panelGrid>
					</p:panel>
					

				</p:panel>
			</h:form>
		</p:layoutUnit>
		<h:outputText
			value="Bản quyền &#169; 2013 Ngân hàng TMCP Phát Triển Mê Kông. Xây dựng bởi Đỗ Đức Tú."
			style="font-style:italic;" />
	</p:layout>
</h:body>
</html>